import { useState } from 'react'
import './index.css'
const Btt = () => {
  return (
    <div>
      <div>这是我的组件div</div>
      <h2>这是我的组件</h2>
    </div>
  )
}

const sty = {
  fontSize: '45px'
}

function App() {
  const [count, setCount] = useState(0)

  function handleClick(e) {
    setCount(count + 1)
  }
  return (
    <div>
      <h1>react组件 05</h1>
      <Btt></Btt>
      <Btt />
      <button onClick={handleClick}>{count}点击一下</button>
      <div style={{ color: 'blue' }}>样式控制</div>
      <div style={sty}>样式控制</div>
      <div className='foo'>class样式控制</div>

    </div>
  )
}

export default App
